導(dǎo)讀:前言:SEO在網(wǎng)站運(yùn)營(yíng)中的地位已經(jīng)不言而喻了,SEO說(shuō)難不難,因?yàn)橹灰诰W(wǎng)站制作過(guò)程中,把握一些“套路”,不要過(guò)于修飾就差不多了,這個(gè)方面站長(zhǎng)基本都是知道的,但是SEO說(shuō)簡(jiǎn)單也不簡(jiǎn)單,
發(fā)表日期:2019-10-10
文章編輯:興田科技
瀏覽次數(shù):9095
標(biāo)簽:
前言:SEO在網(wǎng)站運(yùn)營(yíng)中的地位已經(jīng)不言而喻了,SEO說(shuō)難不難,因?yàn)橹灰?a href="http://www.wanglaotousp.com/" target="_blank">網(wǎng)站制作過(guò)程中,把握一些“套路”,不要過(guò)于修飾就差不多了,這個(gè)方面站長(zhǎng)基本都是知道的,但是SEO說(shuō)簡(jiǎn)單也不簡(jiǎn)單,需要多觀(guān)察、思考,耐心的去研究“細(xì)節(jié)”,方能把網(wǎng)站的整體排名提高到一個(gè)檔次。如果對(duì)于SEO細(xì)節(jié)的把握得當(dāng),會(huì)起到非常好的收效。本人不才,將在以后的日子里,發(fā)布一系列“SEO:細(xì)節(jié)決定成敗”的文章,本文以CSS優(yōu)化為例,介紹一些技巧,希望能和大家一起學(xué)習(xí)探討SEO,同時(shí)也希望大家不吝賜教,謝謝!
總的來(lái)說(shuō),p + CSS的網(wǎng)站標(biāo)注設(shè)計(jì),大家應(yīng)該有了很多的了解了,我整理了一下,符合設(shè)計(jì)標(biāo)準(zhǔn)簡(jiǎn)單來(lái)講有以下好處:
提供最多利益給最多的網(wǎng)站用戶(hù)
確保任何網(wǎng)站文擋都能夠長(zhǎng)期有效
簡(jiǎn)化代碼、降低建設(shè)成本
讓網(wǎng)站更容易使用,能適應(yīng)更多不同用戶(hù)和更多網(wǎng)路設(shè)備
當(dāng)瀏覽器版本更新,或者出現(xiàn)新的網(wǎng)絡(luò)交互設(shè)備時(shí),確保所有應(yīng)用能夠繼續(xù)正確執(zhí)行。
那么,我們了知道這些好處,還需要在實(shí)際當(dāng)中活學(xué)活用,今天的主題是以一個(gè)實(shí)例來(lái)體現(xiàn)css在SEO中的靈活運(yùn)用,我發(fā)現(xiàn),在大多數(shù)不怎么運(yùn)用標(biāo)準(zhǔn)甚至一些符合標(biāo)準(zhǔn)的網(wǎng)站里,都犯有這點(diǎn)錯(cuò)誤,哪一點(diǎn)?請(qǐng)繼續(xù)往下看。
先看圖:
我就不兜圈子了,從圖中我們看到有些標(biāo)題是這樣的:4399小游. . . 。這是一個(gè)因?yàn)殚L(zhǎng)度過(guò)長(zhǎng)而被省略的標(biāo)題。
通常我們的一般是做成靜態(tài)頁(yè)面的,那么我們?cè)谏蓸?biāo)題的時(shí)候會(huì)使用類(lèi)似:{limit:title,12,“. . .”},相信大家都看得懂,限制標(biāo)題長(zhǎng)度為12,過(guò)長(zhǎng)的部分用“. . .”省略號(hào)代替。那實(shí)際該標(biāo)題顯示在首頁(yè)或者當(dāng)前頁(yè)的關(guān)鍵字就是”4399小游. . .“,我們知道,搜索是讀源文件的,我們提取該頁(yè)的源文件分析:
搜索引擎看到的結(jié)果是這樣的:<li><a href="http://www.4399ol.com"target="_blank" title="4399小游戲">4399小游. . .</a></li>
而不是我們想像中的完整標(biāo)題:<li><a href="http://www.4399ol.com"target="_blank" title="4399小游戲">4399小游戲</a></li>
那么這樣做會(huì)有影響么?答案是肯定的。站長(zhǎng)們其實(shí)都知道,這樣做該鏈接的文字描述權(quán)重就會(huì)分到”4399小游...“,而非”4399小游戲“上了,當(dāng)然盡管我們已經(jīng)在<A>中用title描述了完整的標(biāo)題。
如果這樣說(shuō)還不明白的話(huà),我們還可以這樣來(lái)解釋?zhuān)芏嗥綍r(shí)喜歡交換鏈接的站長(zhǎng),使用的網(wǎng)站名不單單是為了帶流量,而是為了某個(gè)關(guān)鍵詞的權(quán)重和排名。SEO的靈魂就是鏈接,不管是外鏈還是內(nèi)鏈,都有明顯的‘權(quán)重傳遞’,如果我們限制了標(biāo)題而替代以省略號(hào),相信權(quán)重會(huì)大打折扣,這一點(diǎn)是毋庸置疑的。
了解了這一點(diǎn),我們就會(huì)想對(duì)策。其實(shí)CSS 2.0中屬性<li>就很好的為我們解決了這個(gè)問(wèn)題,一個(gè)很簡(jiǎn)簡(jiǎn)單的功能就能搞定了,我們?cè)诳刂?lt;li>的時(shí)候可以這樣寫(xiě)(為了清楚明白,附以完整代碼):
以下為引用的內(nèi)容:
<style type="text/css">
<!--
li {
width:20px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
/* firefox only */
li:not(p) { /* wtf is? pls let me know*/
clear: both;
}
li:not(p) a {
max-width: 17px;
float: left;
}
li:not(p):after {
content: "...";
float: left;
width: 25px;
padding-left: 5px;
color: #df3a0e;
}
-->
</style>
<ul>
<li><a href="http://www.4399ol.com" titile="4399小游戲">4399小游戲</a></li>
</ul>
這樣的話(huà)就輕松解決了問(wèn)題。即便是超出的部分,也不會(huì)在源文件中被砍掉了,而是以完整的標(biāo)題提供給搜索引擎去索引了。
其實(shí)文章前面我們也提到了,很多網(wǎng)站,尤其是以表格完成頁(yè)面主題的網(wǎng)站,在”相關(guān)文章“里都會(huì)有標(biāo)題超長(zhǎng)出現(xiàn),而大多數(shù)網(wǎng)站的處理方法就是截掉了超長(zhǎng)部分,當(dāng)然表格完成的頁(yè)面也可以使用此方法,道理是一樣的,大家可以去試試。
p+css標(biāo)準(zhǔn)設(shè)計(jì)有很多地方很適合SEO優(yōu)化,希望大家慢慢的去摸索和嘗試。
此文只是本人優(yōu)化過(guò)程中的一點(diǎn)點(diǎn)體會(huì),希望能起到拋磚引玉的作用,謝謝大家!
更多新聞
2023
樂(lè)陵網(wǎng)站建設(shè)公司使用最新的搜索引擎優(yōu)化技術(shù),幫助您的網(wǎng)站在搜索結(jié)果中獲得更高的排名。我們的團(tuán)隊(duì)將針對(duì)關(guān)鍵詞研究,優(yōu)化網(wǎng)站結(jié)構(gòu)和內(nèi)容,以提高您的網(wǎng)站在搜索引擎中的可見(jiàn)性,吸引更多的有針對(duì)性的流量。
View details
2023
數(shù)據(jù)網(wǎng)站建設(shè) - 助力您的業(yè)務(wù)發(fā)展在當(dāng)今數(shù)字化時(shí)代,互聯(lián)網(wǎng)的快速發(fā)展使得數(shù)據(jù)成為了企業(yè)獲取競(jìng)爭(zhēng)優(yōu)勢(shì)的...
View details
2023
什么是建設(shè)網(wǎng)站費(fèi)用?在建設(shè)一個(gè)網(wǎng)站之前,了解和計(jì)劃費(fèi)用是至關(guān)重要的。。建設(shè)網(wǎng)站的費(fèi)用包括網(wǎng)站設(shè)計(jì)、開(kāi)...
View details
2019
alexa全球排名雖然逐漸成為一種擺設(shè),但工作之余順便玩玩這個(gè)排名還是蠻有意思的。如何快速提高alexa排名?結(jié)合上兩篇文章,今天筆者借此機(jī)會(huì)來(lái)分享下自己是如何提高alexa全球排
View details